The largest Interview Solution Library on the web


« Previous | 1 | 2 | 3 | Next »
Using the title attribute of the ContentPane.
Copy template.html as tab.html.
Open tab.html.
<script type="text/javascript">
dojo.require("dijit.form.Button");
dojo.require("dijit.layout.ContentPane");
dojo.require("dijit.layout.TabContainer");
</script>
Within the body tag, add the TabContainer as follows.
<div dojoType="dijit.layout.TabContainer"
style="width:500px;height:100px">
<div dojoType="dijit.layout.ContentPane" title="Tab A">
The content of tab A.
</div>
<div dojoType="dijit.layout.ContentPane" title="Tab B" href="content1.html">
Loading...
</div>
<div dojoType="dijit.layout.ContentPane" title="Tab C"
closable="true" selected="true">
The content of tab C.
</div></div>
Using the title attribute of the ContentPane. Copy template.html as tab.html. Open tab.html.
<script type="text/javascript">
dojo.require("dijit.form.Button");
dojo.require("dijit.layout.ContentPane");
dojo.require("dijit.layout.TabContainer");
</script>
Within the body tag, add the TabContainer as follows.
<div dojoType="dijit.layout.TabContainer"
style="width:500px;height:100px">
<div dojoType="dijit.layout.ContentPane" title="Tab A">
The content of tab A.
</div>
<div dojoType="dijit.layout.ContentPane" title="Tab B" href="content1.html">
Loading...
</div>
<div dojoType="dijit.layout.ContentPane" title="Tab C"
closable="true" selected="true">
The content of tab C.
</div></div>
« Previous | 1 | 2 | 3 | Next »


copyright © 2014 - all rights riserved by javatechnologycenter.com